{% extends "base.html" %}
{% block head %}
	<script type="text/javascript" src='/js/tmsearch.js'></script>
	<link href="/css/search.css" rel="stylesheet">
{% endblock %}
{% block content %}

<h1><a href="http://tmrweb.ikito.ru/search/">Поиск по базе ТМРадио</a></h1>
<p>Дата синхронизации базы {{DBDate}}. Всего в базе {{tracksCount}} записей.</p>
<div id="flash_messages" style="display: none"></div>

<div class="search_types span9">
	<div class="span3"><a href="#" onclick="sendRequest('popularArtists'); return false;">Лучшие исполнители</a></div>
	<div class="span3"><a href="#" onclick="sendRequest('hitList'); return false;">Лучшие песни</a></div>
	<div class="span3"><a href="#" onclick="sendRequest('newTracksPlayed'); return false;">Новые песни за сутки</a></div>
	<div class="span3"><a href="#" onclick="sendRequest('bestNewTracks'); return false;">Лучшие новинки</a></div>
	<div class="span3"><a href="#" onclick="sendRequest('bestNewTracks2'); return false;">Лучшие новинки2</a></div>
	<div class="span3"><a href="#" onclick="sendRequest('bestCovers'); return false;">Лучшие каверы</a></div>
	<div class="span3"><a href="#" onclick="sendRequest('preshowMusic'); return false;">Вечерне-четверговые</a></div>
	<div class="span3"><a href="#" onclick="sendRequest('bestCalmTracks'); return false;">Лучшие вечерние песни</a></div>
	<div class="span3"><a href="#" onclick="sendRequest('bestLoungeTracks'); return false;">Лучшие ночные песни</a></div>
	<div class="span3"><a href="#" onclick="sendRequest('mostBookmarked'); return false;">Популярные закладки</a></div>
	<div class="span3"><a href="#" onclick="sendRequest('forgottenTracks'); return false;">Забытые</a></div>
	<div class="span3"><a href="#" onclick="sendRequest('neverPlayedArtists'); return false;">Неизвестные исполнители</a></div>
	<div class="span3"><a href="#" onclick="sendRequest('neverPlayedTracks'); return false;">Неизвестные песни</a></div>
</div>

<div class="span9">
	<table>
		<form id="searchForm" action="" method="GET" class='form-inline'>
			<tr>
				<td><label for="name">Простой поиск:</label></td><td><input type="text" name="name" id="id_name"></td>
				<td>
					<select name="labelFilter1" id="id_labelFilter1" multi>
						<option value="">Фильтр по тегам</option> 
						{% for label in labels %}
						<option value="{{label}}">{{label}}</option>
						{% endfor %}
					</select>
				</td>
				<td><label for="id_vocals">Поиск по закладкам (JID):</label></td>
				<td><input name="bookmarkId" id="id_bookmarkId" value=""></td>

				<td rowspan=3>
					<input type="submit" value="Отправить" onclick="sendRequest('form'); return false;" style="height: 70px;">
				</td>
			</tr>
			<tr>
				<td><label for="id_vocals">Фильтр по вокалу:</label></td>
				<td>
					<select name="vocals" id="id_vocals">
						<option value=""></option> 
						<option value="instrumental">Инструментал</option>
						<option value="volals">Со словами</option>
						<option value="male">Мужской вокал</option>
						<option value="female">Женский вокал</option>
						<option value="both">Дуэт</option>
					</select>
				</td>

				<td>
					<select name="labelFilter2" id="id_labelFilter2" multi>
						<option value="">Фильтр по тегам</option> 
						{% for label in labels %}<option value="{{label}}">{{label}}</option>{% endfor %}
					</select>
				</td>
				<td><label for="order">Сортировать по:</label></td>
				<td>
					<select name="order" id="id_order">
						{% for sortkey, option in sortList.iteritems %}<option value="{{sortkey}}" {% if option.selected %}selected{% endif %}>{{option.title}}</option>{% endfor %}
					</select>
				</td>

				
			</tr>
			<tr>
				<td><label for="id_lang">Фильтр по языку:</label></td>
				<td>
					<select name="lang" id="id_lang">
						<option value="">Любой язык</option> 
						<option value="ru">По русски</option>
						<option value="en">По английски</option>
						<option value="other">Другой язык</option>
					</select>
				</td>

				<td>
					<select name="labelFilter3" id="id_labelFilter3" multi>
						<option value=""></option> 
						{% for label in allLabels %}
						<option value="{{label}}" {% if label == 'music'%}selected{% endif %}>{{label}}</option>
						{% endfor %}
					</select><br>
				</td>

				<td><label for="id_orderDir">Направление сортировки:</label></td>
				<td>
					<select name="orderDir" id="id_orderDir">
						<option value="asc">По возрастанию</option>
						<option value="desc" selected>По убыванию</option>
					</select>
				</td>


			</tr>
		</form>
	</table>
</div>


<div id="permalinkDiv" style="display: none;">
<label for="permalink"><b>Постоянная ссылка на результаты поиска: </b></label><input type="text" id="permalink" value="" size=50 style="width: 400px;">&nbsp;
<a href="" id="shortenClck" target=blank>Укоротить?</a>
<br>
</div>

<div id="infoTable" class="span9">Для вывода результатов поиска введите в строку поиска часть названия песни или выберите один или несколько из фильтров.
</div>

<script type="text/javascript">
// data from permalink
$('#searchForm').submit(function(){return false;});
{{ setSearchData|safe }}
// end
</script>

{% endblock %}
{% block sidebar %}
<div style='height: 150px'>
<script type="text/javascript" src='http://tmrweb.ikito.ru/js/status_info/status_info_init.js'></script>
</div>
<audio src="http://stream.tmradio.net:8180/live.mp3" controls="controls">

{% endblock %}
